<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js方法</title>
</head>
<body>
<input type="button" value="按钮" onclick="f1()">
<script>
    /*第一种声明方法的方式,f1到f4*/
    
    /*1. 无参无返回值*/
    function f1() {
        console.log("f1")
    }
    /*调用*/
    f1();
    
    /*2. 有参无返回值*/
    function f2(name, age) {
        console.log(name+":"+age)
    }
    f2("周姣",18)
    
    /*3. 无参有返回值*/
    function f3() {
        return "我是返回值"
    }
    let info = f3();
    console.log(info)
    
    /*4. 有参有返回值*/
    function f4(x,y) {
        return x+y;
    }
    let result = f4(8,9);
    console.log(result)
    
    
    /*第二种声明方法的方式 f5*/
    let f5 = function (name, age) {
        console.log(name+":"+age)
    }
    f5("黑妹",18)
    
    /*第三种声明方法的方式 f6*/
    let f6 = new Function("name","age","console.log(name+':'+age)");
    f6("zhoujiao",18)
</script>
</body>
</html>